{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <!-- 预留网站标题的位置 -->
    <title></title>
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.min.css' %}">
    <style>
        /*设置背景图片*/
        body {
            background-image: url({% static "img/bjt.jpeg" %});
            background-size: cover;
            font-size: 15px;
        }
    </style>

</head>
<body>
<div class="container">
    <div class="form row">
        <div class="account" style="width: 400px;border-radius: 10px;box-shadow: 5px 5px 20px #aaa;
margin: 150px auto;padding:30px;color: red;">
            <h1 style="text-align: center;" class="h1">管理员登录</h1>
            <form method="post" novalidate>
                {% csrf_token %}
                <div class="form-group">
                    <label class="h4">管理员名</label>
                    {{ form.username }}
                    <span style="color: red;">{{ form.username.errors.0 }}</span>
                </div>
                <div class="form-group">
                    <label class="h4">密码</label>
                    {{ form.password }}
                    <span style="color: red;">{{ form.password.errors.0 }}</span>
                </div>
                <div class="form-group">
                    <label for="id_code">图片验证码</label>
                    <div class="row">
                        <div class="col-xs-7">
                            {{ form.code }}
                            <span style="color: red;">{{ form.code.errors.0 }}</span>
                        </div>
                        <div class="col-xs-5">
                            <img id="image_code" src="/adminimage/code/" style="width: 125px;" alt="加载失败">
                        </div>
                    </div>
                </div>
                <a href="/zhaohuipwd/admin/"
                   style="color: red;float: right;font-weight: 800;font-size: 18px;">忘记密码？找回</a>
                <input type="submit" value="登 录" class="btn btn-primary">
            </form>
        </div>
    </div>
</div>
<script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.min.js' %}"></script>
</body>
</html>